<template>
<div style="width: 100%">
  <!--<Headers/>-->
  <!--咨询·意见-->
  <GoTop/>
  <!--banner-->
  <div v-loading="productLoad"  class="head-banner top">
    <el-carousel trigger="click">
      <el-carousel-item v-for="(item, index) in productData" :key="index">
        <router-link :to="'product'" class="swiper-slide">
          <img v-lazy="item.productBannerImg" :key="item.productBannerImg" style="width: 100%;height: 100%"/>
        </router-link>
      </el-carousel-item>
    </el-carousel>
  </div>
  <!--软件服务-->
  <section class="content_region" v-loading="serveLoad">
    <h1 class="content_region_title">软件服务</h1>
    <serve :list="serveData"> </serve>
  </section>
  <!--解决方案 -->
  <section>
    <h1 class="content_region_title" >解决方案</h1>
    <section class="solution_wrap">
      <div class="slide_container">
        <div class="slide_body">
          <ul class="slide_content cl">
            <template v-for="(item, index) in solutionData" v-if="index < 4">
              <solution :detail="item"></solution>
            </template>
          </ul>
        </div>
      </div>
    </section>
  </section>
  <!--公司新闻-->
  <div class="companyNews"
       v-loading="articleLoad" :style="articleBg">
    <h1 class="content_region_title">公司新闻</h1>
    <div class="main">
      <div class="clearfix">
        <router-link :to="'article-detail?id=' + item.id" class="items" v-for="(item,index) in articleData" v-if="index < 10">
          <div class="text clamp1">{{item.articleTitle}}</div>
          <div class="time">{{item.createTime}}</div>
        </router-link>
      </div>
      <router-link :to="'article'" class="more">
        more>>
      </router-link>
    </div>
  </div>
  <!--漩涡-->
  <div class="advert_region" v-loading="dictionaryLoad" >
    <dictionary :dictionaryData="dictionaryData" v-if="dictionaryData.length > 0"/>
  </div>
  <!--合作伙伴-->
  <section class="content_certificate">
    <h1 class="content_region_title">合作伙伴</h1>
    <div class="main-width cl">
      <div class="ali_partner" v-for="item in partnerData">
        <img class="context" v-lazy="item.bannerImg" :key="item.bannerImg" style="height: 46px;object-fit: cover"/>
      </div>
    </div>
  </section>
  <!--联系我们-->
  <Manager/>
  <Footer/>


</div>
</template>

<script>
import formJs from './indexJs'
export default formJs
</script>

<style scoped>

</style>
